﻿@{
    ViewBag.Title = "Web Categories";
    Layout = "~/Views/Shared/_Layout.cshtml";
    <script src="/js/product.js"></script>
    <link href="~/css/jquery.treeview.css" rel="stylesheet" />
    <script src="~/js/jquery.treeview.min.js"></script>
  
}
<script type="text/javascript">
    $(document).ready(function () {
        ChangeData();
    });

</script>
<style>
    .tree-selected {
        color: red !important;
    }
</style>
<div class="container-fluid">
    <div class="page-header"></div>
    <div class="row-fluid">
        <div class="span4">

            <input type="hidden" id="activeTab" name="activeTab" value="ShowTreeView" />
            @Html.DropDownList("StoreId", null, new { @class = "input-block-level", @onchange = "ChangeData()" })
            <p class="text-right" style="clear: both; height: 25px">
                <label style="float: right">
                    <input type="checkbox" class="cbcheck" id="showDisplayName" name="showDisplayName" onchange="ChangeData()" />
                    Show Display Name</label>
            </p>
            <ul class="tabs tabs-inline tabs-top orderdetail-task-tabs margin0">
                <li class="active">
                    <a href="#treeview" onclick="ActiveTab('ShowTreeView'); ShowDetail('store');ChangeData();" data-toggle="tab">Tree View</a>
                </li>
                <li>
                    <a href="#lisview" onclick="ActiveTab('ShowListView'); ShowDetail('catedetail');ChangeData();" data-toggle="tab">List View</a>
                </li>
            </ul>
            <div class="tab-content padding tab-content-inline tab-content-bottom orderdetail-task-tabs-content modal-scrollable" id="webcate">
                <div id="treeview" class="tab-pane active">
                    <div class="border-padding10 overflow-auto " style="height: 590px" id="treeviewcategory">
                    </div>
                </div>
                <div class="tab-pane" id="lisview">
                    <div class="border-padding10 overflow-auto" style="height: 590px" id="listviewcategory">
                    </div>
                </div>
            </div>
        </div>
        <div class="span8">
            <div class="tab-content padding tab-content-inline tab-content-bottom orderdetail-task-tabs-content modal-scrollable" id="webcateDetail">
                <div id="store" class="tab-pane active">
                </div>
                <div id="catedetail" class="tab-pane ">
                </div>

            </div>
        </div>
    </div>
</div>
